<template>
	<view class="mainBg h100">
		<navbar title="我的订单" />
		<view class="list">
			<view class="col">
				<navigator url="./list">
					<view class="item">
						<image src="/static/user/oeder-icon1.png" mode=""></image>
						订单列表
					</view>
				</navigator>
			</view>
			<view class="col">
				<navigator url="./refund">
					<view class="item">
						<image src="/static/user/oeder-icon2.png" mode=""></image>
						申请退款
					</view>
				</navigator>
			</view>
			<view class="col">
				<navigator url="./invoice">
					<view class="item">
						<image src="/static/user/oeder-icon3.png" mode=""></image>
						申请发票
					</view>
				</navigator>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {

		}
	}
</script>

<style lang="scss">
	page {
		background-color: #35CBAD;
	}

	.list {
		display: flex;
		background-color: #fff;
		border-radius: 20rpx;

		.col {
			width: calc(100%/3);
			padding: 70rpx 0;

			.item {
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				font-size: 28rpx;

				image {
					display: block;
					width: 94rpx;
					height: 94rpx;
					margin-bottom: 16rpx;
				}
			}
		}
	}
</style>